@extends('Admin.layout.layout')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>商铺管理</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12">
                                <!-- <a href="/demo/details" class="btn btn-sm btn-primary ">添加</a> -->
                                <button type="button" class="btn btn-sm btn-primary fr"> 搜索</button>
                                <div class="input-group fr10">
                                    <input placeholder="结束日期" class="input-sm form-control layer-date" id="end">
                                </div>
                                <div class="input-group fr10">
                                    <input placeholder="开始日期" class="input-sm form-control layer-date" id="start">
                                </div>
                                <div class="input-group fr10">
                                    <input type="text" placeholder="合伙人手机/公司名称" class="input-sm form-control">
                                </div>
                            </div>
                        </div>
                        <table class="table table-striped table-bordered table-hover dataTable" id="editable">
                            <thead>
                                <tr>
                                    <th width="15">
                                        <input type="checkbox" class="checkall" name="selectall" />
                                    </th>
                                    <th>ID</th>
                                    <th>手机号/用户名</th>
                                    <th>公司名称</th>
                                    <th>创立时间</th>
                                    <th class="center">模板</th>
                                    <th class="center">商铺状态</th>
                                    <th class="center">操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="no-records-found center"><td colspan="8">没有找到匹配的记录</td></tr>
                                <tr class="gradeX">
                                    <th>
                                        <input type="checkbox" class="checkall" name="checkBox" />
                                    </th>
                                    <td>123355</td>
                                    <td>18867537933/张三</td>
                                    <td>神华集团有限责任公司</td>
                                    <td>2017/08/02 13:48:49</td>
                                    <td class="center">默认</td>
                                    <td class="center">正常</td>
                                    <td class="center">
                                        <a href="" class="btn-xs btn-primary ">查看</a>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <th>
                                        <input type="checkbox" class="checkall" name="checkBox" />
                                    </th>
                                    <td>123355</td>
                                    <td>18867537933/张三</td>
                                    <td>神华集团有限责任公司</td>
                                    <td>2017/08/02 13:48:49</td>
                                    <td class="center">默认</td>
                                    <td class="center">正常</td>
                                    <td class="center">
                                        <a href="" class="btn-xs btn-primary ">查看</a>
                                    </td>
                                </tr>
                                <tr class="gradeX">
                                    <th>
                                        <input type="checkbox" class="checkall" name="checkBox" />
                                    </th>
                                    <td>123355</td>
                                    <td>18867537933/张三</td>
                                    <td>神华集团有限责任公司</td>
                                    <td>2017/08/02 13:48:49</td>
                                    <td class="center">默认</td>
                                    <td class="center">正常</td>
                                    <td class="center">
                                        <a href="" class="btn-xs btn-primary ">查看</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="dataTables_paginate paging_simple_numbers" id="editable_paginate">
                                    <ul class="pagination">
                                        <li class="paginate_button previous" aria-controls="editable" tabindex="0" id="editable_previous">
                                            <a href="#">上一页</a>
                                        </li>
                                        <li class="paginate_button " aria-controls="editable" tabindex="0">
                                            <a href="#">1</a>
                                        </li>
                                        <li class="paginate_button " aria-controls="editable" tabindex="0">
                                            <a href="#">2</a>
                                        </li>
                                        <li class="paginate_button " aria-controls="editable" tabindex="0">
                                            <a href="#">3</a>
                                        </li>
                                        <li class="paginate_button active" aria-controls="editable" tabindex="0">
                                            <a href="#">4</a>
                                        </li>
                                        <li class="paginate_button " aria-controls="editable" tabindex="0">
                                            <a href="#">5</a>
                                        </li>
                                        <li class="paginate_button " aria-controls="editable" tabindex="0">
                                            <a href="#">6</a>
                                        </li>
                                        <li class="paginate_button next" aria-controls="editable" tabindex="0" id="editable_next">
                                            <a href="#">下一页</a>
                                        </li>
                                        <li>&nbsp;&nbsp;共437页，到第&nbsp;&nbsp;<input type="text" class="g-input">&nbsp;页&nbsp;<input type="button" onclick="" value="确定" class="btn btn-sm btn-primary"></input></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="{{asset('js/plugins/layer/laydate/laydate.js')}}"></script>

    <script>
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY-MM-DD hh:mm:ss',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY-MM-DD hh:mm:ss',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
    </script>
@endsection